<!DOCTYPE html>

<html>

<head>
    <meta charset="utf-8">
    <title>表头筛选</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">

    <link rel="stylesheet" href="../../layuiadmin/layui/css/jquery-labelauty.css">
    <style type="text/css">
        ul {
            list-style-type: none;
        }
        
        li {
            display: inline-block;
        }
        
        li {
            margin: 10px 0;
        }
        
        input.labelauty+label {
            font: 12px "Microsoft Yahei";
        }
    </style>
</head>

<body>
    <ul class="dowebok">
        <li> <input type="checkbox" name="checkbox" data-labelauty="医院名称" value="hname" id="hname"></li>

        <li> <input type="checkbox" name="checkbox" data-labelauty="袋子条码" value="code" id="code"></li>

        <li> <input type="checkbox" name="checkbox" data-labelauty="条形码" id="sno" value="sno"></li>

        <li> <input type="checkbox" name="checkbox" data-labelauty="类别" value="type" id="type"></li><br>

        <li> <input type="checkbox" name="checkbox" data-labelauty="收集日期" value="pdate" id="pdate"></li>

        <li> <input type="checkbox" name="checkbox" data-labelauty="收集时间" value="time" id="time"></li>

        <li> <input type="checkbox" name="checkbox" data-labelauty="产废点名称" value="custname" id="custname"></li><br>

        <li> <input type="checkbox" name="checkbox" data-labelauty="关联科室病区" value="areaname" id="areaname"></li>

        <li> <input type="checkbox" name="checkbox" data-labelauty="收集人员" value="ename" id="ename"></li>

        <li> <input type="checkbox" name="checkbox" data-labelauty="审核人员" value="sname" id="sname"></li>

    </ul>

    <script src="../../layuiadmin/layui/jquery-3.3.1.min.js"></script>
    <script src="../../layuiadmin/layui/jquery-labelauty.js"></script>
    <script>
        //袋子条码 
        $(function() {
            $(':input').labelauty();
        });

        function a() {
            var id = document.getElementsByName('checkbox');
            var value = new Array();
            for (var i = 0; i < id.length; i++) {
                if (!id[i].checked)
                    value.push(id[i].value);
            }
            return value;
        }
    </script>

</body>

</html>